<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
  <link rel="stylesheet" href="/web/css/reset.css">
  <link rel="stylesheet" href="/web/css/head.css" />
  <link rel="stylesheet" href="/web/css/news.css">
  <link rel="stylesheet" href="/web/css/about.css">
  <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5vpF09i8jdA06i3kBv5TVe9fbxBkfKKq"></script>
  <title>关于我们</title>
</head>

<body>
  <div id="app">
    <!-- 导航 -->
    <header class="header">
      <div class="container clearfix">
        <div class="fl left">
          <a href="javascript:void(0)"><img src="/web/images/logo.png" alt="" class="img1" /></a>
        </div>
        <div class="fr nav">
          <ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
            <li>
              <a href="/index.html">首页</a>
            </li>
            <li class="dropdown">
              <a href="/pro.html">
                产品服务
              </a>
            </li>
            <li class="dropdown">
              <a href="/science.html">普联科技</a>
            </li>
            <li>
              <a href="/news.html">新闻动态</a>
            </li>
            <li>
              <a href="/help.html">帮助与支持</a>
            </li>
            <li class="header-active">
              <a href="/about.html">关于我们</a>
            </li>
          </ul>
        </div>
        <a href="javascript:void(0)" id="navToggle">
          <span></span>
        </a>
      </div>
    </header>
    <div class="banner">
      <img src="/web/images/about/about-bgc_01.png" alt="">
    </div>


    <!-- 内容  -->
    <div class="content-wrapper">
      <div class="news-container">
        <div class="news-left">
          <ul>
            <li class="news-title-li" :class="{ 'active': isActive == 1 }" @click="isActive=1">
              <div class="gang"></div>
              <div class="left-title"><span style="opacity: 0;margin-right:14px">空</span>普联东文简介</div>
              <p><i class="right"></i></p>
            </li>
            <li class="news-title-li" :class="{ 'active': isActive == 2  }" @click="isActive=2">
              <div class=" gang"></div>
              <div class="left-title">发展历程</div>
              <p><i class="right"></i></p>
            </li>
            <li class="news-title-li" :class="{ 'active': isActive == 3 }" @click="isActive=3">
              <div class=" gang"></div>
              <div class="left-title">主要股东</div>
              <p><i class="right"></i></p>
            </li>
            <li class="news-title-li" :class="{ 'active': isActive == 4 }" @click="isActive=4">
              <div class=" gang"></div>
              <div class="left-title">联系我们</div>
              <p><i class="right"></i></p>
            </li>
          </ul>
        </div>
        <div class="news-right">
          <div class="r-world">
            <h4>{{tabTitle}}</h4>
            <div class="r-gang"></div>
            <div class="about-intro" v-if="isActive==1">
              <div class="intro-left">
                <p>
                  武汉普联东文数据服务有限责任公司成立于2017年，是一家平台型金融科技企业。它运用区块链、XBRL、人工智能、大数据和云计算等新技术，打造数据增信平台，将企业生产经营财税数据转化为可流转、可拆分、可融资的价值信息，形成企业信用链，与金融机构合作主动为企业提供一站式数字化金融服务。
                </p>
              </div>
              <div class="intro-r">
                <img src="/web/images/about/about-right_03.png" alt="">
              </div>
            </div>
            <div class="about-deve" v-if="isActive==2">
              <div class="about-content-wrapper">
                <ul class="year-ul" v-for="(item,index) in introData">
                  <li class="year-abs">{{item.year}}</li>
                  <li class="intro-content-li" v-for="(subItem,subIndex) in item.data">
                    <div class="intro-wrap">
                      <div class="intro-content-left">
                        <span class="month-sapn">{{subItem.month}} </span>
                      </div>
                      <div class="intro-content-r" v-html="subItem.content"></div>
                    </div>
                  </li>
                </ul>
                <div class="time-shaft"></div>
              </div>
            </div>
            <div class="about-shareholder" v-if="isActive==3">
              <ul>
                <li v-for="(item,index) in shareholderData" :key="index" class="shareholder-li">
                  <div class="shareholder-left">
                    <img :src="item.imgSrc">
                  </div>
                  <div class="shareholder-r">
                    <p class="shareholder-name">{{item.name}}</p>
                    <p class="shareholder-desc">{{item.desc}}</p>
                  </div>
                </li>
              </ul>
            </div>
            <div class="about-contact" v-show="isActive==4">
              <div class="map" id='allmap'></div>
              <div class="contact-p-wrap">
                <p>${data.name}</p>
                <p>地址：${data.address}</p>
                <p>客服热线：${data.tel}</p>
                <p>服务邮箱：${data.email}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>


    <div class="common-footer">
      <div class="footer_lxwm">
        <ul class="wbsx">
          <li><img src="/web/images/sy/footer_wb.png">
            <p>企业微博</p>
          </li>
          <li><img src="/web/images/sy/footer_gzh.png">
            <p>企业公众号</p>
          </li>
          <li><img src="/web/images/sy/footer_dy.png">
            <p>抖音二维码</p>
          </li>
        </ul>
        <a href="javascript:void(0);"><img src="/web/images/sy/footer_bt.png"></a>

      </div>
      <div class="lxfs_box">
        <span class="sb_1"><img src="/web/images/sy/footer_icon_dianhua.png">电话：4000-365-108</span>
        <span class="sb_1"><img src="/web/images/sy/footer_icon_mail.png">邮箱：business@puldw.com</span>
        <span class="sb_1"><img src="/web/images/sy/footer_icon_dizhi.png">地址：武汉市江汉经济开发区江兴路17号A栋3楼02号(中信大楼)</span>
        <p><img src="/web/images/sy/footer_icon_banquan.png">版权所有 2018-2020 武汉普联东文数据服务有限责任公司 · 鄂ICP备17023599号-2</p>
      </div>
    </div>
  </div>
</body>
<script src="/web/js/jquery.min.js"></script>
<script src="/web/js/news.js"></script>
<script>
    var lng = ${data.lng?string("0.######")};
    var lat = ${data.lat?string("0.######")};
    console.log(lng);
    console.log(lat);

  var app = new Vue({
    el: '#app',
    data: {
      introData: [{
        year: '2020',
        data: [{
          month: '01',
          content: '<p>获深圳派拉创投首轮融资 </p> <p>推出“出口e贷”并成功发放首笔贷款 </p> <p>入选中国（湖北）自贸区第四批推广案例</p> '
        }]
      }, {
        year: '2019',
        data: [{
          month: '07',
          content: '<p>深圳·参与全国自贸区创新联盟制度创新大会</p>'
        }, {
          month: '09',
          content: '<p>推出智能报税小工具—0税宝</p>'
        }, {
          month: '10',
          content: '<p>上海·总经理朱华应邀参加“2019可扩展商业报告语言( XBRL )国际会议”并进行主题报告发言</p><p>襄阳·向湖北省常委、襄阳市委书记汇报项目进展</p>'
        }, {
          month: '11',
          content: '<p>襄阳·接受财政部、省财政厅调研指导</p><p>镇江·参与全国会计管理工作会议</p><p>北京·与中总行、工总行、农总行进行出口E贷标准首轮认定</p><p>北京·与百望股份建立战略合作</p>'
        }]
      }, {
        year: '2018',
        data: [{
          month: '10',
          content: '<p>通过ISO9001质量管理体系认证</p> '
        }, {
          month: '11',
          content: '<p>荣获国家高新技术企业证书</p> '
        }, {
          month: '12',
          content: '<p>通过ISO27001信息安全管理体系认证</p> <p>组建中国（湖北）贸易试验区襄阳片区财智服务平台<p></p>推出智能财税云平台—蛮有财</p>'
        }]
      }, {
        year: '2017',
        data: [{
          month: '03',
          content: '<p>普联东文成立</p> '
        }]
      }],
      shareholderData: [{
        imgSrc: "/web/images/about/gudong1-ava_03.png",
        name: "朱华",
        desc: "公司创始人朱华具有20年以上的大型央企财税及信息化经验，现任襄阳财智联盟主席、湖北省总会计师协会理事、上海国家会计学院客座教授、AAIA国际会计师全权执业会员。其主导的财政部“XBRL+大数据”在企业内部应用项目，运用世界级的数据分析方法为企业创造价值，被XBRL国际组织评价为“是一个全新的、引人注目的商业案例，是革命性的创举”，被财政部选为管理会计典型案例并写入《会计改革与发展“十三五”纲要》。"
      }, {
        imgSrc: "/web/images/about/gudong2-ava_03.png",
        name: "普联软件股份有限公司",
        desc: "普联软件股份有限公司是国家规划布局内重点软件企业，国家认定的高新技术企业，科技部认定的国家火炬计划软件产业基础骨干企业，它拥有包括中国石油、中国石化、中国海油、中国建筑、中国大唐、中国广核、中化集团、中国葛洲坝等大型央企，万达集团、龙湖集团、潍柴动力、紫金矿业等行业龙头企业，浦发银行、农业银行、招商银行、太平洋保险、中国人寿等金融保险机构，以及财政部、银保监会等政府部门在内的高端客户群，是中国500强中多家企业的信息化核心合作伙伴。"
      }],
      isActive: 1,
      tabTitle: ""
    },
    mounted() {
      this.$nextTick(function () {
        var map = new BMap.Map("allmap");
        var point = new BMap.Point(lng, lat);
        map.centerAndZoom(point, 20);
        var myIcon = new BMap.Icon('/web/images/about/about-logo2.png', new BMap.Size(60, 67), {
          anchor: new BMap.Size(30, 80)
        });
        var marker = new BMap.Marker(point, {
          icon: myIcon
        });
        map.addOverlay(marker);
        map.panBy(401,218.5);
        map.enableScrollWheelZoom();
      })
    },
    methods: {},
    watch: {
      isActive: {
        handler: function (val, oVal) {
          switch (val) {
            case 1:
              this.tabTitle = "普联东文简介"
              break;
            case 2:
              this.tabTitle = "发展历程"
              break;
            case 3:
              this.tabTitle = "主要股东"
              break;
            case 4:
              this.tabTitle = "联系我们"
              break;
          }
        },
        immediate: true
      }
    }
  })

</script>

</html>
